<template>
	<list-scroll class="list-scroll" @loadmore="loadmore">
		<list-card mode="base" :item="item" v-for="(item, index) in list" :key="index"></list-card>
		<uni-load-more iconType="snow" :status="load['loading']" v-if="list.length === 0 || list.length > 5"></uni-load-more>
	</list-scroll>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: () => []
			},
			load: {
				type: Object,
				default: () => ({
					loading: 'loading'
				})
			}
		},
		data() {
			return {
			}
		},
		methods: {
			loadmore () {
				this.$emit('loadmore')
			}
		}
	}
</script>

<style lang="scss">

</style>
